.tabBar {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #EAEDF3;
}

.tab-pane {
  cursor: pointer;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(158, 160, 165, 1);
  box-sizing: border-box;
}

.active {
  color: #0077F8;
  border-bottom: 2px solid #0077F8;
}

@media screen and (min-width: 1368px) {
  .pane {
    padding: 30px 0;
    font-size: 18px;
    margin: 0 30px;
  }
}

@media screen and (min-width: 1080px) and (max-width: 1367px) {
  .pane {
    padding: 20px 0;
    font-size: 16px;
    margin: 0 20px;
  }
}

@media screen and (max-width: 1079px) {
  .pane {
    padding: 15px 0;
    font-size: 14px;
    margin: 0 10px;
  }
}
